import React, { Component } from 'react';

let arr=[
    {'titleName':'在线商城'},
    {'titleName':'坚果R1'},
    {'titleName':'坚果TNT工作站'},
    {'titleName':'坚果3'},
    {'titleName':'Smartisan OS'},
    {'titleName':'欢喜云'},
    {'titleName':'应用'},
    {'titleName':'论坛'},
    {'titleName':'荣誉与奖项'},
]
let style={
    uls:{
        'listStyle':'none',
    },
    lis:{
        'display':'inline-block',
        'marginLeft':'40px'
    },
    fonts:{
        'fontSize':'14px',
        'textDecoration':'none',
        'color':'#DBDBDB',
    }
}
class Lis extends Component {
    constructor(props) {
        super(props)
        this.state = {
            
        }
    }
    componentWillMount() {
    
    }
    render() {
        const { lis } = this.props
        return <li className="lis" style={style.lis}>
            <a className='titleA' style={style.fonts}>
                { lis.titleName }
            </a>
        </li>
    }
}

class Uls extends Component {
    render() {
        return <ul className="uls" style={style.uls}>
            {arr.map((lis, index) => <Lis lis={lis} key={index}/>)}
        </ul>
    }
}

export default Uls;